@charset "utf-8";
body, ul, p, h1, h2, h3, h4, dl, dd, form, input, textarea, select {
    padding: 0;  margin: 0;font-family: "微软雅黑";  font-size: 12px;}

em {  font-style: normal;  }
li {  list-style: none;  }
a {  text-decoration: none !important;  }
img {  border: none;  vertical-align: top;  }
.clear {  zoom: 1;  }
.clear:after {  content: '';  display: block;  clear: both;  }
.fl {  float: left;  }
.fr {  float: right;  }
input[type=button],input[type=text]{-webkit-appearance:none; outline:none;}
input:focus{ outline:none;}
input[type=button],input[type=checkbox],input[type=radio]{outline:none;}
img,input{vertical-align:middle;}
input[type=button]{cursor:pointer;}
.position-r {  position: relative;  }

.txtRt{text-align: right;}
.txtLt{text-align: left;}
.font14{font-size: 14px;}

.gray{color: #999999; font:18px "微软雅黑";;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.gray2{color: #a7a1a3;font-size:18px;}
.black{color: #2b2b2b;font-size: 14px;margin-top: 4px;line-height: 20px;}
.red{color: #a73f46;font-size: 16px;font-weight: bold;line-height: 24px;margin-top: 4px;}
.red2{color: #b16148;font: bold 14px/20px "微软雅黑";}
.explain-text{color: #7e7e7e;font: 0.8em/1.4em "微软雅黑";text-overflow: ellipsis;
    white-space: nowrap;  overflow: hidden;}

.big_wrap {min-width: 320px;max-width:540px; margin: 0 auto;overflow: hidden;position: relative;
    background: #fff;  }
.big_middle{min-height: 454px;}

/** header*/
header{
    position:fixed; top:0;width:100%; height:50px; min-width:320px;max-width: 540px; background:#3190e8;
    z-index:1000;padding:0 55px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
}
header h1{ width:100%; height:44px; line-height:44px; text-align:center; font-size:18px; color:#fffeff;
    overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    white-space:nowrap;}
.login-title{font:bold 1.7em/40px "微软雅黑";color: #777;text-align: center;height: 80px;margin-top: 40px;}
.back{position: absolute;left: 10px;top:10px;height: 20px;cursor: pointer;}
.back img{height: 100%;}


header .three{position: absolute;right: 10px;top:10px;color: #fff;font-size: 14px;cursor: pointer;}
header .three img{margin-right: 4px;}



.slideBox {position: relative;overflow: hidden;margin: 0 auto;max-width: 540px; /* 设置焦点图最大宽度 */  }
.slideBox1{width:100%;}
.slideBox1 img{width:100%;}
.slideBox2{padding: 6px;background: #f7f7f7;}

.header-logo{position:absolute;top:42px;height: 40px;overflow: hidden; width: 100%; 
    max-width: 540px;z-index: 100;margin-left: -15px; text-align: center;}
.header-logo input[type=text]{width: 80%;height: 34px;background: #fff;border-radius: 5px;
    margin-top: 4px;border:1px solid #dfd8bf;text-indent: 3em;color: #b3b3b3;}
.header-logo input[type=button]{width: 17%;height: 34px;background: #fff;color: #292929;border-radius: 5px;
    border:1px solid #dfd8bf; margin-top: 4px;}
.header-logo img{position: absolute;left:4%;top:12px;}



.slideBox .hd {  position: absolute;  height: 28px;  line-height: 28px;  bottom: -5px;
    right: 0;  z-index: 1;  text-align: center;  }
.slideBox .hd2 { top:-5px;  right: 0; }
.slideBox .hd ul {  height: 28px;  display: table-cell;  vertical-align: middle;
    text-align: center;  margin: 0 auto;  padding-right: 10px;  }
.slideBox .hd li {  display: inline-block;  width: 7px;  height: 7px;  -webkit-border-radius: 7px;
    -moz-border-radius: 7px;  border-radius: 7px;  background: rgba(0,0,0,0);border: 1px solid #fff;
    text-indent: -9999px;  overflow: hidden;  margin: 0 5px;  }
.slideBox .hd li.on {  background: #fff;  }
.slideBox .bd {  position: relative;  z-index: 0;  }
.slideBox .bd li {  position: relative;  text-align: center;  }
.slideBox .bd li img {
    background: url(/images/loading.gif) center center no-repeat;
    vertical-align: top;
    width: 100%; /* 图片宽度100%，达到自适应效果 */
}

.slideBox .bd li a {  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/* 去掉链接触摸高亮 */
.slideBox .bd li .tit {display: block;width: 100%;position: absolute;bottom: 0;text-indent: 10px;
    height: 28px;  line-height: 28px;  color: #fff;  text-align: left;  }

/*三个分类*/
.about_wrap { width: 100%;  }
.about {margin-top: -1px;background: #fff;}
.f_gjt {  width: 100%;  max-width: 540px;  padding-bottom: 4px;  }
.f_gjt ul {  width: 100%;  overflow: hidden;  display: -webkit-box;  display: box;
    -webkit-box-orient: horizontal;  box-orient: horizontal;  height: 62px;  }
.f_gjt ul li {text-align: center;overflow: hidden;cursor: pointer;-webkit-box-flex: 1;}
.f_gjt ul li:nth-last-child(1) {  border-right: none;  margin-right: 0;  }
.f_gjt ul li a .icon {width: 29px;height: 29px;  display: block;  background-size: 400px;
    margin: 7px auto 0 auto;  position: relative;  }
.f_gjt ul li a{text-decoration: none;}
.f_gjt ul li a span {  height: 28px;  line-height: 28px;  font-size:14px;  text-decoration: none;
    text-align: center;  display: block;  overflow: hidden;  color: #656565;  }
.f_gjt ul li a span.class {  background: url(../images/eshop/icon-class.png) no-repeat;  }
.f_gjt ul li a span.buy {  background: url(../images/eshop/icon-buy.png) no-repeat;  }
.f_gjt ul li a span.cards {  background: url(../images/eshop/icon-cards.png) no-repeat;  }
.f_gjt ul li a span.u4 {  background: url(../images/eshop/u4.png) no-repeat;  }
.f_gjt ul li a span.u5 {  background: url(../images/eshop/u5.png) no-repeat;  }
.f_gjt ul li a span.u6 {  background: url(../images/eshop/u6.png) no-repeat;  }
.f_gjt ul li a span.u7 {  background: url(../images/eshop/u7.png) no-repeat;  }

.product_tit {color: #0a0e0f; height: 34px; background: #fff; padding: 0 10px;border-bottom: 1px solid #f3f5f4;
    border-left: 5px solid #e498d9; }
.product_tit em {  font:bold 16px/34px "微软雅黑";  }
.product_tit .icon {  width: 14px;  height: 14px;  padding-left: 5px;  }
.product-buy {  width: 100%; text-align: center;  padding: 0 4px; overflow: hidden;}
.product-left{width: 49%;text-align:left;border-right: 1px solid #f4f6f5;overflow: hidden;}
.product-left h3,.product-left p{text-align: left;overflow: hidden;white-space: nowrap;
    text-overflow: ellipsis;}
.product-left img{width: 160px;height: 148px;}
.product-right{width: 49%;}
.right-list li{height: 64px;border-bottom: 1px solid #f3f5f4;text-align: left;padding-left: 10px;}
.product-right li:nth-last-child(1){border-bottom:none;}
.product-right img{}


/*别具一格*/
.peculiar { width: 100%;max-width: 540px;border-top: 1px solid #f4f6f5; }
.peculiar ul { width: 100%;  overflow: hidden;}

.peculiar ul li{float:left;width:49%;text-align: center;overflow: hidden;cursor:pointer;
    -webkit-box-flex: 1;border-right: 1px solid #f3f5f4;}

.peculiar ul li:nth-last-child(1) {  border-right: none;  }

.peculiar ul li a .icon {width: 29px;height: 29px;display: block;  background-size: 400px;
    margin: 7px auto 0 auto;  position: relative;}
.peculiar ul li a{text-decoration: none;}
.peculiar ul li a span {  text-decoration: none;  display: block;  overflow: hidden;  }

.right1{height: 64px;}
.right2{height: 256px;}

.peculiar-new{}
.peculiar-new ul{}
.peculiar-new ul li{float:left;width: 49%;text-align: center;overflow: hidden;
    cursor:pointer;border-right: 1px solid #f3f5f4;height: 128px;border-top: 1px solid #f4f6f5;}
.peculiar-new ul li:nth-child(2n) {border-right: none;  }
.peculiar-new ul li:nth-child(3),.peculiar-new ul li:nth-child(4){border-top: 1px solid #f4f6f5;}
.peculiar-new ul li a .icon {width: 29px;height: 29px;display: block;  background-size: 400px;
    margin: 7px auto 0 auto;  position: relative;}
.peculiar-new ul li a{text-decoration: none;}
.peculiar-new ul li a span{  text-decoration: none;display: block;  overflow: hidden; }

.product-1 li{height: 129px;}
.product-1 li img{width: 78px;height: 78px;}
.product-2 li{height: 119px;}
.product-2 li img{width: 78px;height: 78px;}
/**商品分类**/
.web_flex {  display: -webkit-flex;  display: flex;  display: -webkit-box;  display: box;  }
.web_flex_1 {  -webkit-flex: 1;  flex: 1;  -webkit-box-flex: 1;  box-flex: 1;  }


.classification { display:inline-block;  max-width: 540px;text-align: center;
    padding:10px 6px 6px 6px; overflow: hidden;}
.classification li{float: left;width: 49%;/* height: 197px; */}
.classification li img{/* height: 144px; */}
.classification a{display: block; }
.classification span{display: block;text-align: left;margin: 6px 10px 0;}
.classification span:nth-of-type(2){ border-bottom: 1px solid #f3f5f4;}
.classification img{width:100%;}
.del{margin-left: 8px;font-weight: normal;}









.big_bottom {  height: auto;  width: 100%;  }
.big_bottom .footer { background:#f0f5f9; padding:8px 0;margin: -10px -15px 0;}
.big_bottom .footer p,.big_bottom .footer h6{ height:18px; line-height:18px; text-align:center;font-size: 1.05em;color: #999;margin-top:8px !important;}
.big_bottom .footer p{line-height:18px;height:18px;}
.big_bottom .footer p{margin: 0 16px;}
.big_bottom .footer h6 em{ padding:0 10px;font-weight: normal;}



.product_wrap {margin-bottom:5px;}
.product_wrap * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}




/** search商品搜索 ***/
.search {  width: 100%;  max-width: 540px;  margin-bottom: 4px; border-bottom: 1px solid #f3f4f6; }
.search ul {  width: 100%;  overflow: hidden;  display: -webkit-box;  display: box;
    -webkit-box-orient: horizontal;  box-orient: horizontal;  height: 36px;  }
.search ul li {border-right:1px solid #f3f4f6;text-align: center;overflow: hidden;cursor: pointer;-webkit-box-flex: 1;}
.search ul li:nth-last-child(1) {  border-right: none;  margin-right: 0;  }
.search li img{ height: 14px;margin-left: 4px;margin-top: -3px;}
.search li a{font:14px/36px "微软雅黑";color: #808080; }
.search li a.active{color: #ae4e4f; }


.product li{ border-bottom:1px solid #ccc; height:96px;}
.product li:nth-last-child(1){ border-bottom:none;}
.p_left ,.p_middle{ float:left;}
.p_left{width: 80px; height: 80px; text-align: center; padding: 5px;}
.p_left img{ width:80px; height:80px;}
.p_middle{ padding:10px 0 10px 6px;width:68%;position: absolute;left:90px;}
.price{
	font: 0.8em/1em "微软雅黑";
    color: #c3c3c3;
    text-decoration: line-through;
}
.p_middle p{height: 32px; overflow: hidden;width: 100%;
    word-wrap: break-word; word-break: break-all;color:#272727; font-size:0.8em;}
.p_middle em{display: block;}
.p_middle img{ position: absolute;top: 28px;right: -65px;}


.product-detail{text-align: center;}
.detail-text{text-align: left;margin: 10px;}
.detail-text h4{font:bold 18px/24px "微软雅黑";color: #1f1f1f;margin-bottom: 12px;}
.detail-text p{font:0.8em/1.2em "微软雅黑";color: #818183;margin-bottom: 12px;}
.detail-text span{font:bold 30px/36px "微软雅黑";color: #ff5000;}
.detail-text em{font:0.8em/1em "微软雅黑";color: #c3c3c3;text-decoration: line-through;}

.other-detail{text-align: left;padding:10px;}
.other-detail li{font:12px/24px "微软雅黑";color: #010101;}
.other-detail span{margin-right: 12px;}
.other-detail ul li:nth-of-type(2){height: 54px;margin-top: 4px;}
.other-detail ul li img{margin-left: 6px ;}
.blue{color: #546590;}
.detail-select{height:90px;}
.detail-select p:nth-of-type(1){margin-bottom: 5px;}
.detail-select p:nth-of-type(2) em{border: 1px solid #949494;padding:2px 6px; cursor: pointer;}
.detail-select p:nth-of-type(2) em:nth-of-type(2){border-left: none;border-right: none;cursor: text;}
.detail-select p:nth-of-type(3){margin-top: 5px;}


.tab-detail{text-align:center; height:60px; font:18px/40px "微软雅黑";color: #353535; background-color:#efeff2;}
.tab-detail li a{ height:60px; line-height:60px;}
.tab-detail li a:hover{ text-decoration:none;}
.tab-detail li .active_gry{ color:#fff;}
.tab-detail .active{ background-color:#7a8092;}

.tab1-box{padding: 0 10px 10px;}
.tab1-box h3{height: 48px;font: 14px/48px "微软雅黑";color: #56575b;}
.tab1-box h3 img{width:13px;margin:18px 10px 0 0;}
.tab1-box h4{font: 10px/28px "微软雅黑";padding-top: 3px;border-top: 1px dashed #ccc;}
.tab1-box li span{display: inline-block;width: 35%;line-height: 26px;}
.tab1-box li:nth-last-child(1){padding-bottom:12px; }

.tab1-box .detail-service{border-top: 1px solid #ddd;padding-bottom: 16px;margin: 0 -10px;
    padding-left: 10px;padding-right: 10px;}
	

.bg-orange{background: #7a8092;}
.bg-red{background: #ff9402;}

.f_gjt ul li.bg-black span,.f_gjt ul li.bg-orange span,.f_gjt ul li.bg-red span{color: #eee;line-height: 14px;
    font-size: 10px;}
.f_gjt ul li.bg-orange span,.f_gjt ul li.bg-red span{color: #fff;font: 14px/48px "微软雅黑";height: 48px;}
.nav-bottom ul{height: 48px;}
.nav-bottom{margin-bottom: 0;}
.f_gjt ul li a span.buy1 {background: url(../images/eshop/icon-buy1.png) no-repeat;background-size: contain;
    width: 18px;height: 18px;margin-top:6px;margin-bottom: 2px;}

.tab2-box img{width: 100%;}




/***shopping-pocket购物车**/
.p_before{float: left;width: 18px;height: 18px;border: 1px solid #858585;border-radius: 18px;
    margin-top: 38px;margin-left: -6px;cursor: pointer;}
.p_beforeDel{float: left;width: 18px;height: 18px;border: 1px solid #858585;border-radius: 18px;
    margin-top: 38px;margin-left: -6px;cursor: pointer;}
.shopping .active{background:#7a8092;}
.shopping .inactive{background: url("../images/eshop/u2.png") no-repeat center center;}
.noactive{background:#ee5256 url("../images/eshop/u1.png") no-repeat center center;
    border: 1px solid #c54f4f;}
.shopping .p_middle{width:62%;position: absolute;left:116px;}
.disPrice{
	float: left;
    font: 0.8em/1em "微软雅黑";
    color: #c3c3c3;
    text-decoration: line-through;
}
.shopping li{ border-bottom:1px solid #f7f9f8; height:96px;}
.shopping-accounts{position: fixed;bottom: 0;width: 100%; min-width: 320px;max-width: 540px;height: 44px;background: #3d3d3d;color: #eee;margin: 0 -15px;line-height: 44px;}  
.shopping-accounts .active{background:#ee5256 url("../images/eshop/u1.png") no-repeat center center;
    border: 1px solid #c54f4f;}
.shopping-accounts .p_before{margin:12px 9px;}
.shopping-accounts .p_beforeDel{margin:12px 9px;}
.shopping-accounts .go-accounts{background: #f15350;width: 22.5%;text-align: center;font-size: 16px;
    cursor: pointer;height: 44px;overflow: hidden;}
 .shopping-accounts .go-accounts-gay{background: #B0B0B0;width: 22.5%;text-align: center;font-size: 16px;
    cursor: pointer;height: 44px;overflow: hidden;}
 .shopping-accounts .go-accounts-gay p{font-size: 16px;}    
 .shopping-accounts .go-accounts-gay span{font-size: 10px;} 
.shopping-accounts .go-accounts p{font-size: 16px;}
.shopping-accounts .go-accounts span{font-size: 10px;}
.shopping-accounts .sum{margin-left: 20px;}
.shopping-accounts .sum h4{line-height: 24px;font-size: 14px;}
.shopping-accounts .sum p{line-height: 1em;font-size: 0.8em;}

.shopping li em strong{border: 1px solid #949494;padding:2px 6px; cursor: pointer;margin-top: 3px;display: inline-block;}
.shopping em strong:nth-of-type(2){border-left: none;border-right: none;padding: 2px 14px;cursor: text;}

/**商品编辑**/
.delete{width: 20px;float: left; margin-top: 38px;margin-left: -6px;cursor: pointer;}
.delete img{width: 100%;}



/**下单order**/
.order-address{padding: 10px;}
.person-info{font: 16px/22px "微软雅黑";color: #212121;}
.person-info span{margin-right: 40px;}
.person-info img{margin-right: 8px;vertical-align: top;height: 22px;}
.person-address{padding: 10px 16px 0 0;}
.person-address span{padding: 0 6px;background: #f15354;border: 1px solid #c95254;border-radius: 5px;color: #fff;}
.person-address em{font: 14px/22px "微软雅黑";color: #8f8f8f;margin-left:12px;}
.person-address img{position: absolute;top:0;right:0;}

.person-address .address-select{
	width: 18px;
    height: 18px;
    /* border: 1px solid #858585; */
    /* border-radius: 18px; */
    
}

.person-address .active{
	background: #ee5256 url("../images/eshop/u1.png") no-repeat center center;
    border: 1px solid #c54f4f;
}

.order-pay{text-align: right;padding: 9px 10px 9px 11px;}
.order-pay h4{text-align: left;line-height: 20px;}
.order-pay h4 label{color: #ff9900;}

.order-pay input.active{color: #ff9900;border-color: #ff9900;}
.order-sum{padding: 10px;line-height: 20px;}
.order-sum em{color: #b86764;}
.order-product{color: #6e6e6e;}
.order-product .p_left{width: 60px;height: 60px;}
.order-product li{height: 74px;}
.p_left img{width: 100%;height: 100%;}
.order-product .p_middle span{color: #a95958;position: absolute;top:18px;right: 10px;}
.order-product .p_middle em{color: #000;font-size: 12px;margin-top: 4px;}

.sum-pay{margin-left: 10px;}
.sum-pay span{font-size: 16px;margin-left: 2px;}


/**address  收货地址管理**/
.address{min-height: 520px;background: #f1f4f9;}
.address li{height:110px;background: #fff;}
.address .person-address{margin-right:48px;border-right: 1px solid #f7f8fa;}
.address .person-address img{right: -44px;top:10px;}

.new-address{background: #f1f4f9;height: 74px;text-align: center;}
.new-address input{background: #f15352;border: 1px solid #da5652;width: 90%;line-height:36px;
    border-radius: 3px;  margin-top: 35px;font-size: 18px;color: #fff;}


/**address-edit  编辑收货地址**/
.address-list{}
.address-list li{height: 44px;border-bottom:1px solid #efefef;line-height: 44px;font-size: 16px;
    position: relative; padding: 0 10px;}
.address-list li span{color:#6e6e6e; }
.address-list li input{color: #999;border: none;background: none;text-indent:8px;margin-bottom: 2px;
    font-size: 16px;}
.address-list li img{position: absolute;top:13px ;right: 10px;}
.default{padding: 8px 0 36px 20px;}
.default span{line-height: 30px;margin-left: 10px;}

/**address-edit-city  编辑收货地址**/
.address-list-city{}
.address-list-city li h1,.address-list-city li p{height: 44px;border-bottom:1px solid #efefef;line-height: 44px;
    font-size: 16px; position: relative; padding: 0 10px;}
.address-list-city li h1{background: #efefef;}




/**product-kinds  产品分类**/
.kinds{min-height: 410px;border-top: 1px solid #b8bdc3;}
.kinds .kinds-left{width:26%;}
.kinds .kinds-left li{height: 44px;width:100%;border-right: 1px solid #b8bdc3;border-bottom: 1px solid #b8bdc3;
    background: #f1f5f6;text-align: center;cursor: pointer;}
.kinds .kinds-left li.active{border-right: none;background: #fff;}
.kinds .kinds-left li.active a{color: #cc5c58;}
.kinds .kinds-left li a{color: #3f3f41;font: 12px/44px "微软雅黑"; }

.kinds .kinds-right{width: 74%;}
.kinds .kinds-right h3{height: 44px;font: 12px/44px "微软雅黑";color: #3f3f41;}
.kinds .kinds-right li{display: inline-block;width: 32.3%;text-align: center;height: 80px;}
.kinds .kinds-right li p{line-height: 24px;font-size: 10px;}
.kinds .kinds-right li img{width: 50px;height: 50px;}


.nav-icon ul{height: 54px;overflow: hidden;}
.nav-icon ul li a .icon{width: 24px;height: 24px; }
.nav-icon .f_gjt {background: #404042;}
.nav-icon ul li a span{font: 12px/22px "微软雅黑";color: #fff;}

.no-list{text-align: center;}
.no-list h3{color:#f15350;;font-size: 40px;margin-top: 40%;}
.no-list p{color: #999;margin-top: 10px;}

.width-90p{width:90% !important;}
.font-105em{font-size:1.05em !important;}

/****付款方式******/
.payWays h3{color: #696969;background: #f8f8f8;line-height: 38px;padding: 0 10px;font-size: 16px;
    border-bottom: 1px solid #e4e4e4;}
.payWays li{padding: 10px 10px 0 90px;border-bottom: 1px solid #ccc;position: relative;}
.payWays li>img{position: absolute;left: 40px;width: 44px;height: 44px;    top: 0;bottom: 0;margin: auto;}
.payWays li p{color: #2e2e2e;font-size: 14px;height: 26px;}
.payWays li span{color: #bababa;font-size: 12px;}
.payWays li>em{position:absolute;    left: 10px;top:19px;border: 1px solid #ccc;width: 20px;height:20px;top:0;bottom:0;margin:auto;
    background: #fff;  border-radius: 50%;overflow: hidden;padding: 2px;text-align: center;}
.payWays li>em>i{background: #fff;display:inline-block;width: 20px;height: 20px;border-radius: 50%;}
.payWays li>em.checked>i{ background: #c95254; }
